<div ng-controller="pageCtrl" ng-init="mainStatus.navigation='chart'">
    <div class="top-nav-wrap">
        <div class="back backBtn"><i class="iconfont icon-back"></i></div>
        <div class="title2">图表</div>
        <div class="right">
            <div class="nav">
                <a class="li"><i class="iconfont icon-plus"></i></a>
                <a class="li"><i class="iconfont icon-search"></i></a>
                <a class="li"><i class="iconfont icon-bell"></i><i class="tip" ng-if="mainStatus.msgBubble">{{mainStatus.msgBubble}}</i></a>
            </div>
        </div>
    </div>
    <div class="page-main" ng-controller="oneCtrl">
        <div class="mgb-l"><span class="text-l">图表</span></div>
        <div class="form-tr">
            <div class="form-th">饼状图</div>
            <div class="form-td">
                <div class="col-group">
                    <div class="col-6">
                        <div chart="../data/pie-chart.data?id=1" click-to-url="#/chart.html?id={{formData.chart.id}}" ng-model="formData.chart" style="height: 300px;"></div>
                    </div>
                    <div class="col-6">
                        <div chart="../data/pie-chart.data?id=2" click-to-dialog="dialog-chart.html?id={{formData.chart2.id}}" ng-model="formData.chart2" style="height: 300px;"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-tr">
            <div class="form-th">雷达图</div>
            <div class="form-td">
                <div class="col-group">
                    <div class="col-6">
                        <div chart="../data/radar-chart.data" style="height: 400px;"></div>
                    </div>
                    <div class="col-6">
                        <div chart="../data/line-chart2.data" style="height: 400px;"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-tr">
            <div class="form-th">柱状图</div>
            <div class="form-td">
                <div chart="../data/bar-chart.data" click-to-dialog="dialog-table.html?id={{formData.chart4.id}}" ng-model="formData.chart4" style="height: 400px;"></div>
            </div>
        </div>
        <div class="form-tr">
            <div class="form-th">线状图</div>
            <div class="form-td">
                <div chart="../data/line-chart.data" click-to-url="dialog-table.html?id={{formData.chart5.id}}" ng-model="formData.chart5" style="height: 400px;"></div>
            </div>
        </div>
    </div>
</div>